<form id="add-form" class="form-horizontal form-ajax" role="form" data-toggle="validator" method="POST">
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Nickname')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input type="text" class="form-control" name="row[nickname]" data-rule="required;nickname" placeholder="{:__('Nickname')}" value="{$row.nickname_text}" />
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Mobile')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input type="text" class="form-control" name="row[mobile]" data-rule="required;mobile" placeholder="{:__('Mobile')}" value="{$row.mobile}" />
        </div>
    </div>
    <div class="form-group">
        <label for="c-thumbs" class="control-label col-xs-12 col-sm-2">{:__('Thumbs')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-thumbs" data-rule="" class="form-control" size="50" name="row[avatar]" type="text"
                    value="{$row.avatar_text}">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-thumbs" class="btn btn-danger faupload"
                            data-input-id="c-thumbs" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
                            data-multiple="false" data-preview-id="p-thumbs"><i class="fa fa-upload"></i>
                            {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-thumbs" class="btn btn-primary fachoose"
                            data-input-id="c-thumbs" data-mimetype="image/*" data-multiple="false"><i
                                class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-thumbs"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-thumbs"></ul>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Gender')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select id="c-gender" data-rule="required" class="form-control selectpicker" name="row[gender]">
                {foreach $Sexlist as $key=>$item}
                <option value="{$key}"  {in name="key" value="$row.gender" }selected{/in}>{$item}</option> 
                {/foreach}
            </select>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Email')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input type="email" class="form-control" name="row[email]" data-rule="required;email" placeholder="{:__('Email')}" value="{$row.email}"/>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('SourceName')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select id="c-gender" data-rule="required" class="form-control selectpicker" name="row[sourceid]">
                {foreach name="$Sourcdata" item="vo"}
                <option value="{$key}" {in name="key" value="$row.sourceid" }selected{/in}>{$vo} </option> {/foreach}
            </select>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Deal')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select id="c-gender" data-rule="required" class="form-control selectpicker" name="row[deal]">
                {foreach name=" $DealList" item="vo"}
                <option value="{$key}" {in name="key" value="$row.deal" }selected{/in}>{$vo} </option> {/foreach}
            </select>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Region')}:</label>
        <div style="position:relative;" class="col-xs-12 col-sm-10 region_city">
            <input id="city" readonly type="text" name="row[region]" data-toggle="city-picker" value="{$region}">
        </div>
    </div>
    <div class="form-group hidden layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>
<style>
    .region_city .city-picker-span {
        width: 80% !important;
    }
</style>